<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reputes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
	  <div class="container">
	  	<img src="images/logo.png" alt="">
	  	<ul> 
	  		<li class="header-li1"><a href="#">Home ∨</a></li>
	  		<li><a href="#">FEATURES ∨</a></li>
	  		<li><a href="#">PAGES ∨</a></li>
	  		<li><a href="#">PORTFOLIO ∨</a></li>
	  		<li><a href="#">BLOG ∨</a></li>
	  		<li class="header-li6"><a href="#">UPGRADE TO PRO</a></li>
	  	</ul>
	  </div>
	</header>
	<div class="banner">
	  <div class="banner-1">
	  	<div class="container">
	  	  <h1>EASY TO CUSTOMIZE2</h1>
	  	  <p>Readable code,well documented and FREE support</p>
	  	  <a href="#">LEARN MORE</a>
	  	</div>
	  </div>
	  <div class="banner-2">
	    <div class="container">
	      <ul>
	      	<li><img src="images/fk1.png" alt=""><p>STRONG STRUCTUERE</p></li>
	      	<li><img src="images/fk2.png" alt=""><p>GLOBAL SERVICES</p></li>
	      	<li><img src="images/fk3.png" alt=""><p>DYNAMIC CHANCE</p></li>
	      	<li><img src="images/fk4.png" alt=""><p>EXPONENTIAL GROWTH</p></li>
	      </ul>
	    </div>
	  </div>
	</div>
	<main>
	  <div class="container">
	  	<ul>
	  		<li  class="l1">
	  			<h3>KNOW BETTER</h3>
	  			<h4>......</h4>
	  			<h4>Synergistcaly procrastinate one-to0one results for accurate platforms.Assertiveily whiteboard corporate users whereas dynamic intiatives.</h4>
	  			<p>Energistically architect leading-edge users and inexpensive internal or"organic"sources.Distinctively evolve e-business resources after peogressive intellectual capital.Objectively architect maintainable technologies via strategis convergence.Continually optimize standd-alone expertise with e-business e-services.Continually conceptualize client-centered opporunities and.</p>
	  			<p>Dynamically customize backward-compatible processes via front-end models.Distinctively evicsculate an expanded array of scenarios after virtual information.Professionally predominate technically sound resources through impactful mindshare.Effciently drive viral interfaces without inexpensive value.Credibly.</p>
	  		</li>
	  		<li class="l2"><img src="images/fk5.png" alt=""></li>
	  		<li  class="l3">
	  			<img src="images/fk6.png" alt="">
	  			<div class="main-l3-right">
		  			<h3>GOAL ORIENTED</h3>
		  			<p>Holistcly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expandes array of functionalities.</p>
		  		</div>
	  		</li>
	  		<li  class="l4">
	  			<img src="images/fk7.png" alt="">
	  			<div class="main-l3-right">
		  			<h3>GLOBAL SERVLCE</h3>
		  			<p>Holistcly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expandes array of functionalities.</p>
		  		</div>
	  		</li>
	  		<li  class="l3">
	  			<img src="images/fk8.png" alt="">
	  			<div class="main-l3-right">
		  			<h3>DYNAMIC CHANGE</h3>
		  			<p>Holistcly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expandes array of functionalities.</p>
		  		</div>
	  		</li>
	  		<li  class="l4">
	  			<img src="images/fk9.png" alt="">
	  			<div class="main-l3-right">
		  			<h3>PROFESSIONAL SUPPORT</h3>
		  			<p>Holistcly harness just in time technologies via corporate scenarios.Intrinsicly predominate ubiquitous outsourcing through an expandes array of functionalities.</p>
		  		</div>
	  		</li>
	  	</ul>
	  </div>
	</main>
	<div class="ultra">
		<div class="container">
			<img src="images/fk10.png" alt="">
			<h5>ULTRA RESPONSIVE</h5>
			<p>Phosfluorescently revolutionize viralleadership via turnkey technology.Synergistically monetize intermandated strategic theme areas through multimedia based.</p>
			<div class="ultra-a">
				<a href="#" class="ultra-a-1">Responsive</a>
				<a href="#">Easy to Customize</a>
				<a href="#">Design</a>
				<a href="#">Free Updates&Support</a>
			</div>
		</div>
	</div>
	<div class="works">
		<div class="container">
			<ul>
				<li class="wli-50">
					<h3>RECENT WORKS</h3>
					<h4>……</h4>
				</li>
				<li class="wli-50">
					<a href="#">See all works</a>
				</li>
				<li class="wli-img"><img src="images/fk11.png" alt=""><img src="images/fk12.png" alt=""><img src="images/fk13.png" alt=""></li>
				<li class="wli-100">
					<h3>RECENT WORKS</h3>
					<h4>……</h4>
				</li>
				<li class="wli-33">
					<div class="photo-text photo-text-1">
						<img src="images/fk14.png" alt="">
						<h3>In Demand:Collaboration Skill</h3>
						<p>Proactively engage orthogonal growth stategies without resource-leveling testing procedures.Seamlessly predominate interperable growth strategies.</p>
						<p>23-02-2015	<span>65 Comments</span></p>
					</div>
					<div class="photo-text">
						<div class="pt-5">
						  <div class="pt-5-left"><img src="images/fk15.png" alt=""></div>
						  <div class="pt-5-right">
						  	<h4>Growth Stateqies We Mu...</h4>
						  	<p>Proactively engage growth stategies without resource-leveling testing procedures.</p>
						  </div>
						</div>
						<div class="pt-5">
						  <div class="pt-5-left"><img src="images/fk16.png" alt=""></div>
						  <div class="pt-5-right">
						  	<h4>Products Researh Metho...</h4>
						  	<p>Proactively engage growth stategies without resource-leveling testing procedures.</p>
						  </div>
						</div>
						<div class="pt-5">
						  <div class="pt-5-left"><img src="images/fk17.png" alt=""></div>
						  <div class="pt-5-right">
						  	<h4>Professional Leverage</h4>
						  	<p>Proactively engage growth stategies without resource-leveling testing procedures.</p>
						  </div>
						</div>
					</div>
					<div class="photo-text">
						<div class="pt-5">
						  <div class="pt-5-left"><img src="images/fk18.png" alt=""></div>
						  <div class="pt-5-right">
						  	<h4>Alternative E-commerce</h4>
						  	<p>Proactively engage growth stategies without resource-leveling testing procedures.</p>
						  </div>
						</div>
						<div class="pt-5">
						  <div class="pt-5-left"><img src="images/fk19.png" alt=""></div>
						  <div class="pt-5-right">
						  	<h4>Understanding Gloeqbally...</h4>
						  	<p>Proactively engage growth stategies without resource-leveling testing procedures.</p>
						  </div>
						</div>
						<div class="pt-6"><a href="#">See all news</a></div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="footer">
		<div class="container">
			<div class="footer-4">
			  <div class="f-4-nr"><img src="images/fk20.png" alt=""></div>
			  <div class="f-4-nr"><h3>5200</h3><p>SUNSCRIBERS</p></div>
			</div>
			<div class="footer-4">
			  <div class="f-4-nr"><img src="images/fk21.png" alt=""></div>
			  <div class="f-4-nr"><h3>273</h3><p>PROJECTS</p></div>
			</div>
			<div class="footer-4">
			  <div class="f-4-nr"><img src="images/fk22.png" alt=""></div>
			  <div class="f-4-nr"><h3>640K</h3><p>APPERCIATIONS</p></div>
			</div>
			<div class="footer-4">
			  <div class="f-4-nr"><img src="images/fk23.png" alt=""></div>
			  <div class="f-4-nr"><h3>132</h3><p>CLENTS</p></div>
			</div>
		</div>
	</div>
	<div class="footer-2">
		<div class="container">
			<div class="f-50"><h1>GET IN TOUCH</h1></div>
			<div class="f-50"><p>Call us at(1800)765-4321 or <a href="#">CONTACTUS</a></p></div>
		</div>
	</div>
	<footer>
		<div class="container">
			<div class="footer-3">
				<img src="images/fk24.png" alt="">
				<p class="f-t">Proactively aggregate B2B initiatives before extensive channels.Monotonectally extend interactive methods of empowerment through excellent applications.Rapidiously synergize visionary products with sticky technology</p>
				<p>1234 North Main Street</p>
				<p>New York,NY 222222</p>
				<p>Phone:(1800)756-4321</p>
				<p>Email:email@yourdomain.com</p>
			</div>
			<div class="footer-3 footer-3-a">
				<h4>USEFUL LINKS</h4>
				<a href="#">About Us</a>
				<a href="#">News</a>
				<a href="#">Community</a>
				<a href="#">Career</a>
				<a href="#">Blog</a>
				<a href="#">Press Kit</a>
				<a href="#">FAQ</a>
				<a href="#">Terms</a>
				<a href="#">Privacy Policy</a>
				<a href="#">Contact Us</a>
			</div>
			<div class="footer-3 footer-img">
				<h4>NEWSLETTER</h4>
				<p>Get the latest update from us by subscribing to our newsletter</p>
				<input type="text" placeholder="youremail@domain.com"><a href="#" class="f-3-a">SUBSCRLBE</a>
				<p class="xys">GET CONNECTED</p>
				<img src="images/fk25.png" alt="">
				<img src="images/fk26.png" alt="">
				<img src="images/fk27.png" alt="">
				<img src="images/fk28.png" alt="">
			</div>
		</div>
		<p class="f-bott">More Templates-Collect from</p>
	</footer>
</body>
</html>